<!DOCTYPE html>
<html lang="en">
<head>
	<!--#include file="/link/inc/head.html" -->
	<link rel="stylesheet" href="../css/control.css">
	<script>
	$(function(){
        $('.set-box .tabs').tabs(
        	'.ct > .panes', {
	            current: 'active',
	            tabs: 'li'
        });
	})
	</script>
</head>
<body>
	<!--#include file="/link/inc/header.html" -->
	<div class="wrapper">
		<div class="content ct-mod">
			<div class="hd">
				<div class="tit">电脑数据库</div>
			</div>
			<div class="bd">
				<div class="set-box">
					<div class="tabs">
						<ul class="tab">
							<li><a href="#">用户列表</a></li>
							<li><a href="#">用户分组</a></li>
						</ul>
					</div>
					<form class="form" autocomplete="off">
						<div class="ct">
							<div class="panes">
								<div class="table-box">
									<div class="table">
										<table>
											<tr>
												<th>用户组</th>					
												<th>机器名</th>
												<th>IP地址</th>
												<th class="mac-addr">MAC地址</th>					
												<th>地址类型</th>
												<th>连接类型</th>
												<th>过滤</th>
											</tr>
											<tr>
												<td>未定义</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>已绑</td>
												<td>LAN</td>
												<td>黑名单</td>
											</tr>
											<tr>
												<td>未定义</td>
												<td>VTAO-iPhone</td>
												<td>192.168.1.210</td>
												<td>00-E0-4C-21-11-13</td>
												<td>绑定</td>
												<td>WAN</td>
												<td>正常</td>
											</tr>
											<tr>
												<td>财务组</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>静态</td>
												<td>无线</td>
												<td>正常</td>
											</tr>
											<tr>
												<td>老板办公室</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>动态</td>
												<td>VPN</td>
												<td>正常</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="penal-box">
									<div class="btns">
										<a href="#" class="btn-binding">全部绑定</a>
									</div>
									<div class="penal">
										<div class="control">
											<label>绑定数量</label>
											<div class="field">
												<div class="text">150</div>
											</div>
										</div>
										<div class="control">
											<label>上网控制</label>
											<div class="field">
												<label class="check-label"><input type="checkbox" class="checkbox">只允许绑定的主机才能上网</label>
											</div>
										</div>
										<div class="control">
											<label>临时通过</label>
											<div class="field">
												<label class="check-label">
													<input type="checkbox" class="checkbox">允许未绑定的用户使用
													<div class="input-text input-min">
														<input type="text" class="input-text" value="5">
													</div> 分钟
												</label>
											</div>
										</div>
										<div class="control">
											<label>登记模式</label>
											<div class="field">
												<label class="check-label"><input type="checkbox" class="checkbox">生成零时密码 5分钟后失效:11223344  让用户选择用户组</label>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="panes">
								<div class="table-box">
									<div class="table">
										<table>
											<tr>
												<th>用户组</th>					
												<th>机器名</th>
												<th>IP地址</th>
												<th class="mac-addr">MAC地址</th>					
												<th>地址类型</th>
												<th>连接类型</th>
												<th>过滤</th>
											</tr>
											<tr>
												<td>未定义</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>已绑</td>
												<td>LAN</td>
												<td>黑名单</td>
											</tr>
											<tr>
												<td>未定义</td>
												<td>VTAO-iPhone</td>
												<td>192.168.1.210</td>
												<td>00-E0-4C-21-11-13</td>
												<td>绑定</td>
												<td>WAN</td>
												<td>正常</td>
											</tr>
											<tr>
												<td>财务组</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>静态</td>
												<td>无线</td>
												<td>正常</td>
											</tr>
											<tr>
												<td>老板办公室</td>
												<td>VTAO-PC</td>
												<td>192.168.1.22</td>
												<td>00-E0-4C-21-11-11</td>
												<td>动态</td>
												<td>VPN</td>
												<td>正常</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="grouping">
									<div class="group">
										<dl>
											<dt>用户组</dt>
											<dd class="active"><a href="#">财务室</a></dd>
											<dd><a href="#">老板</a></dd>
											<dd><a href="#"></a></dd>
											<dd><a href="#"></a></dd>
											<dd><a href="#"></a></dd>
										</dl>
									</div>
									<div class="edit-ct">
										<div class="penal">
											<div class="control">
												<label>组名称</label>
												<div class="field">
													<div class="input-text">
														<input type="text" class="input-text" value="财务">
													</div>
												</div>
											</div>
											<div class="control">
												<label>IP地址</label>
												<div class="field">
													<div class="input-text">
														<input type="text" class="input-text" value="191.168.1.100">
													</div>
													<a href="#" class="btn-add">添加</a>
												</div>
											</div>
											<div class="control">
												<label>IP地址段</label>
												<div class="field2">
													<div class="input-text">
														<input type="text" class="input-text" value="192.168.1.100">
													</div>
													<label>-</label>
													<div class="input-text">
														<input type="text" class="input-text" value="192.168.1.200">
													</div>
													<a href="#" class="btn-add">添加</a>
												</div>
											</div>
										</div>
										<div class="table-box">
											<div class="table">
												<table>
													<tr>
														<th>张三</th>					
														<th>李四</th>
														<th>王五</th>
														<th>麻子</th>
													</tr>
													<tr>
														<td>薛xx</td>
														<td>林xx</td>
														<td>李xx</td>
														<td>财务</td>
													</tr>
													<tr>
														<td>业务1</td>
														<td>业务2</td>
														<td></td>
														<td></td>
													</tr>
													<tr>
														<td></td>
														<td></td>
														<td></td>
														<td></td>
													</tr>
													<tr>
														<td></td>
														<td></td>
														<td></td>
														<td></td>
													</tr>
												</table>
											</div>
										</div>
										<div class="btns">
											<button class="btn-save">保存</button>
										</div>
									</div>
									<div class="member">
										<div class="tit">组成员</div>
										<dl>
											<dd>192.168.100.100</dd>
											<dd>192.168.100.200-192.168.100.250</dd>
											<dd>张三</dd>
											<dd>李四</dd>
											<dd>王五</dd>
										</dl>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
</html>